<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
        "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="zh-CN">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
    <title>Examples Index</title>
    <style type="text/css">
        body {
            font-size: 16px;
            text-align: center;
        }

        table {
            border-collapse: collapse;
        }

        td {
            text-align: left;
            height: 30px;
            width: 245px;
            padding-left: 5px;
            border: solid 1px #999;
        }
    </style>
</head>
<body style="background-color: white;">
<center>
    <br/>
    <table>
        <tr>
            <td colspan="4" style="font-size: 18px;font-weight: 900;color: blue; border: 0;">Examples Index&emsp;<a target="_blank" href="http://thebestofyouth.com/project/jquery_bsgrid.html">Wiki文档(必看)</a></td>
        </tr>
        <tr>
            <td style="font-size: 15px; font-weight: 900;">
                Util
            </td>
            <td colspan="3">
                <a href="examples/util.html">Util</a>
            </td>
        </tr>
        <tr>
            <td style="font-size: 15px; font-weight: 900;">
                Button
            </td>
            <td colspan="3">
                <a href="examples/button.html">Button</a>
            </td>
        </tr>
        <tr>
            <td style="font-size: 15px; font-weight: 900;">
                Form
            </td>
            <td>
                <a href="examples/form/simple.html">Simple Form</a>
            </td>
            <td colspan="2">
                <a href="examples/form/standard.html">Standard Form</a>
            </td>
        </tr>
        <tr>
            <td style="font-size: 15px; font-weight: 900;">
                Paging
            </td>
            <td>
                <a href="examples/paging/simple.html">Simple Paging</a>
            </td>
            <td>
                <a href="examples/paging/simple.little.html">Simple Little Paging</a>
            </td>
            <td>
                <a href="examples/paging/least.html">Least Paging</a>
            </td>
        </tr>
        <tr>
            <td rowspan="7" style="font-size: 15px; font-weight: 900;">
                Grid
            </td>
            <td>
                <a href="examples/grid/simple.html">Simple Grid</a>
            </td>
            <td>
                <a href="examples/grid/simple.zh-CN.html">Simple zh-CN Grid (Row Hover)</a>
            </td>
            <td>
                <a href="examples/grid/simple-xml.html">Simple XML Data Grid</a>
            </td>
        </tr>
        <tr>
            <td>
                <a href="examples/grid/themes/gray.html">ExtJS Gray Style</a>
            </td>
            <td>
                <a href="examples/grid/themes/blue.html">ExtJS Blue Style</a>
            </td>
            <td>
                <a href="examples/grid/themes/access.html">ExtJS Access Style</a>
            </td>
        </tr>
        <tr>
            <td>
                <a href="examples/grid/themes/flexigrid.html">FlexiGrid Gray Style</a>
            </td>
            <td>
                <a href="examples/grid/themes/sky_blue.html">Dhtmlx Sky Blue Style</a>
            </td>
            <td>
                <a href="examples/grid/themes/custom.html">Custom Blue Style</a>
            </td>
        </tr>
        <tr>
            <td>
                <a href="examples/grid/no-pagation.html">No Pagation</a>
            </td>
            <td>
                <a href="examples/grid/no-display-blank-rows.html">No Diaplay Blank Rows</a>
            </td>
            <td>
                <a href="examples/grid/no-data.html">No Data</a>
            </td>
        </tr>
        <tr>
            <td>
                <a href="examples/grid/checkbox.html">Grid With Checkbox</a>
            </td>
            <td colspan="2">
                <a href="examples/grid/paging.little.html">Grid With Little Paging</a>
            </td>
        </tr>
        <tr>
            <td>
                <a href="examples/grid/standard.html">Standard Grid (Require JSP Env)</a>
            </td>
            <td colspan="2">
                <a href="examples/grid/multi.html">Multi Grid</a>
            </td>
        </tr>
        <tr>
            <td colspan="3">
                <a href="examples/grid/export.html">Export Grid</a>
            </td>
        </tr>
        <tr>
            <td style="font-size: 15px; font-weight: 900;">
                Grid With ArtDialog
            </td>
            <td>
                <a href="examples/artDialog/pop.html">Pop with ArtDialog</a>
            </td>
            <td>
                <a href="examples/artDialog/grid.html">Grid with ArtDialog</a>
            </td>
            <td>
                <a href="examples/artDialog/gridAndForm.html">Grid And Form with ArtDialog</a>
            </td>
        </tr>
        <tr>
            <td rowspan="6" style="font-size: 15px; font-weight: 900;">
                Grid With Other Pagination<br/>(Require JSP Env)&emsp;&nbsp;&nbsp;<a href="examples/pagination/readme">Note</a>
            </td>
            <td>
                <a href="examples/pagination/jqPagination/sample.html">With jqPagination</a>
            </td>
            <td colspan="2">
                <a href="examples/pagination/jqPagination/sample-adapter.html">With jqPagination (Adapter)</a>
            </td>
        </tr>
        <tr>
            <td>
                <a href="examples/pagination/jquery_pagination/sample.html">With jquery_pagination</a>
            </td>
            <td colspan="2">
                <a href="examples/pagination/jquery_pagination/sample-adapter.html">With jquery_pagination (Adapter)</a>
            </td>
        </tr>
        <tr>
            <td>
                <a href="examples/pagination/jPaginate/sample.html">With jPaginate</a>
            </td>
            <td colspan="2">
                <a href="examples/pagination/jPaginate/sample-adapter.html">With jPaginate (Adapter)</a>
            </td>
        </tr>
        <tr>
            <td>
                <a href="examples/pagination/jPages/sample.html">With jPages</a>
            </td>
            <td colspan="2">
                <a href="examples/pagination/jPages/sample-adapter.html">With jPages (Adapter)</a>
            </td>
        </tr>
        <tr>
            <td>
                <a href="examples/pagination/smartpaginator/sample.html">With smartpaginator</a>
            </td>
            <td colspan="2">
                <a href="examples/pagination/smartpaginator/sample-adapter.html">With  smartpaginator(Adapter)</a>
            </td>
        </tr>
        <tr>
            <td>
                <a href="examples/pagination/jPaginator/sample.html">With jPaginator</a>
            </td>
            <td colspan="2">
                <a href="examples/pagination/jPaginator/sample-adapter.html">With  jPaginator(Adapter)</a>
            </td>
        </tr>
    </table>
</center>
</body>
</html>